body {
  margin: 0;
  padding: 0;
}
* {
  font-family: "微软雅黑";
}
html,
body {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
img {
  display: block;
  width: 100%;
}
.content-page {
  width: 100%;
  height: 100%;
}
main {
  display: flex;
  display: -webkit-flex;
}
main > div {
  flex: 1;
  display: flex;
  height: 100%;
  display: -webkit-flex;
  position: relative;
}
#Mask {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
}
#Mask1 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.4);
}
#Mask2 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 101;
}
.head {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #c62f2f;
  height: 6%;
}
.tipsBox {
  position: absolute;
  width: 33vw;
  height: 29vh;
  background-color: #fafafa;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin-top: -14.5vh;
  margin-left: -16.5vw;
  display: block;
}
.tipsBox > section {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5.4vh;
}
.tipsBox > section h5 {
  font-size: 1.6vw;
  color: #333333;
  width: 100%;
  text-align: center;
  margin-top: 3.2vh;
  font-weight: normal;
}
.tipsBox > section h6 {
  font-size: 1.3vw;
  color: #666666;
  width: 100%;
  text-align: center;
  margin-top: 4.4vh;
  font-weight: normal;
}
.tipsBox > div {
  width: 8vw;
  height: 5.4vh;
  margin-left: auto;
  margin-right: auto;
  background-color: #c62f2f;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-content: center;
  margin-top: 2.4vh;
}
.tipsBox > div h5 {
  font-size: 1.4vw;
  color: #ffffff;
  font-weight: normal;
}

.tipBox_msg {
  position: absolute;
  width: 33vw;
  height: 29vh;
  background-color: #fafafa;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin-top: -14.5vh;
  margin-left: -16.5vw;
  display: block;
}
.tipBox_msg > div h5 {
  font-size: 1.4vw;
  color: #ffffff;
  font-weight: normal;
}
.open-table-box {
  position: absolute;
  width: 39.6vw;
  height: 48vh;
  background-color: #fafafa;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin-top: -27vh;
  margin-left: -20vw;
  display: block;
}
.open-table-box .open-table-box-title {
  width: 100%;
  border-bottom: 1px solid #ededee;
}
.open-table-box .open-table-box-title h5 {
  font-size: 1.2vw;
  color: #333333;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  line-height: 6vh;
}
.open-table-content {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.open-table-content-top {
  display: flex;
  display: -webkit-flex;
}
.open-table-content-top-left {
  width: 50%;
}
.open-table-content-top-left h4 {
  font-size: 1.1vw;
  color: #333333;
  line-height: 4.3vh;
  margin-left: 0.8vw;
}
.open-table-content-top-left .table-paple input {
  width: 20%;
  height: 4.3vh;
}
.open-table-content-top-left .table-paple h5 {
  font-size: 1vw;
  color: #666666;
  line-height: 4.3vh;
  margin-left: 1vw;
}
.open-table-content-top-left .open-table-name h5 {
  font-size: 1.1vw;
  color: #333333;
  line-height: 4.3vh;
  margin-left: 1vw;
}
.open-table-content-top-left .open-time h5 {
  font-size: 1.1vw;
  color: #333333;
  line-height: 4.3vh;
  margin-left: 1.4vw;
}
.open-table-content-top-left select {
  width: 60%;
  margin-left: 1.4vw;
}
.open-table-content-top-left > section {
  display: flex;
  display: -webkit-flex;
  padding: 1.5vh 0;
}
.open-table-content-top-left > section input {
  border: 1px solid #e1e1e2;
  background-color: #fafafa;
  margin-left: 1.4vw;
}
.open-table-content-top-right {
  width: 48%;
  margin-left: 2%;
  margin-top: 1vh;
}
.open-table-content-top-right .foodNumKeyboard {
  width: 100%;
  margin-top: 1vh;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.open-table-content-top-right .foodNumKeyboard > div {
  width: 25%;
  height: 7vh;
  background-color: #e6e7ea;
  border: 1px solid #e1e1e2;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.open-table-content-top-right .foodNumKeyboard > section {
  width: 50%;
  height: 7vh;
  background-color: #e6e7ea;
  border: 1px solid #e1e1e2;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.open-table-content-top-right .foodNumKeyboard > section h5 {
  font-size: 1.8vw;
  color: #5c5c5c;
  width: 100%;
  text-align: center;
}
.open-table-content-top-right .foodNumKeyboard > section > div {
  width: 72%;
  margin-left: auto;
  margin-right: auto;
}
.open-table-content-top-right .foodNumKeyboard > div h5 {
  font-size: 1.8vw;
  color: #5c5c5c;
  width: 100%;
  text-align: center;
}
.open-table-content-top-right .foodNumKeyboard > div > div {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
.open-table-remark {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  margin-top: 1.2vh;
}
.open-table-remark h4 {
  font-size: 1.1vw;
  color: #333333;
  line-height: 4.3vh;
  margin-left: 0.8vw;
}
.open-table-remark input {
  width: 80%;
  border: 1px solid #e1e1e2;
  background-color: #fafafa;
  margin-left: 1.4vw;
  height: 4.3vh;
}
.open-table-btns {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin-top: 2.7vh;
}
.open-table-box .close-btn {
  position: absolute;
  width: 2.7%;
  top: 4.5%;
  right: 4%;
}
.open-table-btns h5 {
  padding: 1.2vh 1.6vw;
  font-size: 1.4vw;
  color: #ffffff;
  background-color: #00b667;
  margin-right: 1.6vw;
}
.open-table-btns h6 {
  padding: 1.2vh 1.6vw;
  font-size: 1.4vw;
  color: #ffffff;
  background-color: #c62f2f;
}
.head-right {
  width: 10%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.head-right div {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
.head-left {
  display: flex;
  width: 22%;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.head-left > div {
  width: 23%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.head-left h4 {
  font-size: 1.1vw;
  line-height: 1.75em;
  border: 1px solid #a82828;
  border-radius: 5px;
  text-align: center;
  color: #d8d8d8;
  width: 100%;
  font-weight: 100;
}
.head-left > .myNameBox {
  width: 40%;
}
.head-left .myName {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  border-left: 1px solid #a82828;
  padding-left: 1.2em;
}
.myName > div {
  width: 18%;
}
.myName h5 {
  font-size: 1.2vw;
  color: #d8d8d8;
  font-weight: 100;
  margin-left: 0.7em;
}
.main-left {
  width: 10%;
  border-right: 1px solid #e1e1e2;
  background-color: #f5f5f7;
  height: 100%;
}
.main-left h5 {
  font-size: 1.4vw;
  color: #666666;
  font-weight: 100;
  width: 100%;
  padding-left: 5%;
}
.main-left section {
  height: 10%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.main-left .choosethisLeftBtn {
  background-color: #e6e7ea;
  border-left: 0.4em solid #c62f2f;
}
.main-left section div {
  width: 62%;
  margin-left: auto;
  margin-right: auto;
}
.main-left section .testLine-up {
  width: 75%;
}
.main-center {
  width: 65%;
  background-color: #fafafa;
  position: relative;
  height: 100%;
  border-right: 1px solid #e1e1e2;
}
.main-center-content {
  width: 91%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9%;
  height: 100%;
}
.cardTitle {
  font-size: 1.6vw;
  font-weight: 200;
  color: #333333;
}
.vip-card {
  /* padding:3% 0;margin-top:3%;  */
  width: 50%;
  border-radius: 10px;
  background-color: #f0f0f0;
  border: 1px solid #cccccc;
  display: flex;
  flex-direction: row;
  justify-content: space-center;
  flex-wrap: wrap;
  margin: 10px auto;
  font-size: 18px;
  min-width: 500px;
}
.vip-card .cardlist {
  width: 100%;
  height: 45px;
  line-height: 45px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 10px;
}

/* .vip-card section{
	width:68%;margin-left:5%;
	margin-top:1%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;
}
.vip-card section h5{
	font-size:1.4vw;font-weight: 100;padding:2% 0;
}
.vip-card section h4{
	font-size:1.5vw;font-weight: 100;padding:2% 0;
} */
.main-right {
  flex: 1;
  background-color: #f5f5f7;
  height: 100%;
}
.main-right-content {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13%;
  height: 100%;
  position: relative;
}
.vip-infor section {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 2px;
  margin-top: 5%;
  -webkit-justify-content: space-between;
}
.vip-infor section h5 {
  font-size: 1vw;
  color: #333333;
  font-weight: 200;
}
.vip-infor section input {
  background-color: #f5f5f7;
  text-align: end;
  font-size: 1.8vw;
  color: #333333;
  font-weight: 200;
  width: 60%;
  height: 2vw;
}
.vip-infor section select {
  background-color: #f5f5f7;
  border: none;
  font-size: 1.8vw;
  color: #333333;
}
.vip-infor section select option {
  background-color: #f5f5f7;
  border: none;
  font-size: 1.8vw;
  color: #333333;
}
.vip-infor section h4 {
  font-size: 1.8vw;
  color: #333333;
  font-weight: 200;
}
.vip-infor section h6 {
  font-size: 1.5vw;
  color: #333333;
  font-weight: 200;
}
.button-box {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 100%;
  position: absolute;
  bottom: 20%;
}
.button-box > section > h5 {
  line-height: 18.7vh;
  font-size: 2.5vw;
  color: #ffffff;
  background-color: #00b667;
  text-align: center;
}
.button-box .btn-right {
  width: 49.5%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.button-box .btn-right div h5 {
  line-height: 9.2vh;
  font-size: 2.5vw;
  color: #ffffff;
  background-color: #c62f2f;
  text-align: center;
}
.keyboard {
  background-color: #e6e7ea;
  width: 80%;
  height: 24%;
  margin-left: 2%;
  padding: 2%;
  position: absolute;
  bottom: 16%;
}
.keyboard .inputBox {
  width: 100%;
  border: 1px solid #fafafa;
  display: flex;
  display: -webkit-flex;
  height: 24%;
  align-items: center;
  padding: 0 2%;
  -webkit-align-items: center;
}
.keyboard .inputBox div {
  width: 3%;
}
.keyboard .inputBox input {
  background-color: #e6e7ea;
  margin-left: 1.2vw;
  width: 80%;
  height: 80%;
}
.keyboard .number {
  width: 100%;
  height: 30%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 2%;
}
.keyboard .number h5 {
  width: 10%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: 100%;
  background-color: #ffffff;
  font-size: 0.8vw;
  color: #5c5c5c;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.keyboard .number-btn {
  width: 100%;
  height: 30%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 2%;
}
.keyboard .number-btn div {
  width: 32.5%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: 100%;
  background-color: #ffffff;
  -webkit-align-items: center;
}
.keyboard .number-btn div h5 {
  font-size: 0.8vw;
  color: #5c5c5c;
  text-align: center;
  width: 100%;
}
.keyboard .number-btn > h5 {
  width: 32.5%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: 100%;
  background-color: #ffffff;
  font-size: 0.8vw;
  color: #5c5c5c;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.allTables {
  width: 73%;
  background-color: #fafafa;
  height: 100%;
  border-right: 1px solid #e1e1e2;
  position: relative;
}
.alltableContent {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.choosethisTableSize {
  border-bottom: 1px solid #c62f2f;
}
.tableTitle .tableTitle_L .choosethisTableSize h5 {
  color: #c62f2f;
}
.noChooseThisTableSize {
  border-bottom: 1px solid #fafafa;
}
.tableTitle .tableTitle_L .noChooseThisTableSize h5 {
  color: #333333;
}
.tableTitle {
  border-bottom: 1px solid #8e8e8e;
  width: 100%;
  margin-top: 1%;
  padding: 0 3%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.tableTitle .tableTitle_L {
  width: 50%;
  display: flex;
  display: -webkit-flex;
}
.tableTitle .tableTitle_L div {
  padding: 1vh 1vw;
}
.tableTitle .tableTitle_L div h5 {
  font-size: 1vw;
  text-align: center;
  color: #333333;
}
.tableTitle_R {
  width: 50%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
}
.tableTitle_R > section {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-left: 2%;
  justify-content: flex-end;
}
.tableTitle_R > section > div {
  width: 0.8vw;
  height: 0.8vw;
  border: 1px solid #333333;
  border-radius: 50%;
  margin-right: 0.2vw;
  position: relative;
}
.tableTitle_R .choosethisTableStatus h5 {
  color: #c62f2f;
}
.tableTitle_R .choosethisTableStatus > div {
  border: 1px solid #c62f2f;
  background-color: #c62f2f;
}
.tableTitle_R .noChooseThisTableStatus h5 {
  color: #333333;
}
.tableTitle_R .noChooseThisTableStatus > div {
  border: 1px solid #333333;
  background-color: #fafafa;
}
.tableTitle_R > section > div .checkImg {
  width: 80%;
  height: 80%;
  background-color: #c62f2f;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -40%;
  top: 50%;
  margin-top: -40%;
}
.tableTitle_R > section h5 {
  font-size: 1.1vw;
  color: #333333;
}
.sectionTitle {
  width: 100%;
  height: 4%;
  margin-top: 1%;
  padding: 0 3%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.sectionTitle .sectionTitle-content {
  width: 50%;
  display: flex;
  display: -webkit-flex;
}
.sectionTitle .sectionTitle-content div {
  padding: 1vh 1vw;
}
.sectionTitle .sectionTitle-content div h5 {
  font-size: 1vw;
  text-align: center;
  color: #333333;
}
.sectionTitle .sectionTitle-content .choosethisTableArea h5 {
  color: #c62f2f;
}
.sectionTitle .sectionTitle-content .noChooseThisTableArea h5 {
  color: #333333;
}
.allTableBtn {
  width: 100%;
  margin-top: 3%;
  display: flex;
  display: -webkit-flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
}
.allTableBtn > section {
  width: 16%;
  height: 14vh;
  background-color: #c6c7c8;
  margin-left: 0.6%;
  margin-top: 0.4vh;
  position: relative;
}
.allTableBtn > .tableIsOpen {
  background-color: #c62f2f;
}
.allTableBtn > .tableIsOpen h5 {
  color: #ffffff;
}
.allTableBtn > .tableIsOpen .thisTableTnfor h6 {
  color: #ffffff;
}
.allTableBtn > .tableIsClose {
  background-color: #c6c7c8;
}
.allTableBtn > .tableIsClose h5 {
  color: #5c5c5c;
}
.allTableBtn > .tableIsClose .thisTableTnfor h6 {
  color: #5c5c5c;
}
.allTableBtn > section h5 {
  width: 100%;
  font-size: 2vw;
  text-align: center;
  color: #5c5c5c;
  margin-top: 4.4vh;
}
.forbidden {
  opacity: 0.6;
}
.allTableBtn > section .thisTableTnfor {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5vh;
}
.allTableBtn > section .thisTableTnfor h6 {
  font-size: 1vw;
  color: #5c5c5c;
}
.allTableBtn > section .chooseBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
}
.allTableBtn > section .chooseBox img {
  height: 100%;
}
.allTableBtn > section .noOrder {
  width: 100%;
  background-color: #d46f13;
  height: 4vh;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.allTableBtn > section .noOrder h6 {
  width: 100%;
  text-align: center;
  font-size: 1vw;
  color: #ffffff;
}
.pageBtn {
  display: flex;
  display: -webkit-flex;
  position: absolute;
  left: 50%;
  bottom: 10%;
  width: 7vw;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-left: -3.5vw;
}
.pageBtn div {
  width: 11%;
}
.pageBtn section {
  display: flex;
  display: -webkit-flex;
  width: 43%;
  border: 1px solid #999999;
  align-items: center;
  -webkit-align-items: center;
}
.pageBtn section h5 {
  width: 100%;
  font-size: 1vw;
  color: #999999;
  text-align: center;
}
.operatingFloor {
  background-color: #f5f5f7;
  height: 100%;
  flex: 1;
}
.operatingContent {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8%;
  position: relative;
  height: 100%;
}
.haveOrderTableInfor .oneInfor {
  display: flex;
  display: -webkit-flex;
  margin-bottom: 1vh;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.haveOrderTableInfor .oneInfor h5 {
  font-size: 1.1vw;
  color: #333333;
}
.thisTableMuneList {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 1vh;
}
.thisTableMuneList > h5 {
  font-size: 1.1vw;
  color: #333333;
  padding: 1.3vh 0;
}
.haveOrderTableInfor .foodPiece {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 1vh;
}
.haveOrderTableInfor .foodPiece h5 {
  font-size: 1.1vw;
  color: #333333;
}
.haveOrderTableInfor .needPayPiece {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 1vh;
}
.fastFoodList-content .openTableTitle .back-btn {
  width: 35%;
}
.fastFoodList-content .openTableTitle .thisListNum {
  margin-left: 2.6vw;
  margin-top: 2vh;
}
.fastFoodList-content .openTableTitle .thisListNum h5 {
  font-size: 1.5vw;
  color: #5c5c5c;
}
.haveOrderTableInfor .needPayPiece h4 {
  font-size: 1.4vw;
  color: #333333;
}
.haveOrderTableInfor .needPayPiece h3 {
  font-size: 1.6vw;
  color: #c62f2f;
}
.thisTableMuneList .oneThisTableOrder {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 1%;
}
.thisTableMuneList .oneThisTableOrder h6 {
  font-size: 1vw;
  color: #333333;
}
.thisTableMuneList .order-page-btn {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin-top: 1.5vh;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.thisTableMuneList .order-page-btn div {
  width: 7%;
  margin-right: 2%;
}
.one-infor-list {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 2%;
  margin-top: 5%;
}
.one-infor-list h4 {
  font-size: 1vw;
  color: #333333;
}
.one-infor-list h5 {
  font-size: 1.8vw;
  color: #333333;
}
.one-infor-list input {
  background-color: #f5f5f7;
  font-size: 1.8vw;
  color: #333333;
  width: 60%;
  text-align: right;
}
.operatingBtn {
  position: absolute;
  bottom: 10%;
  width: 100%;
}
.operatingBtn > section {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 1%;
}
.operatingBtn > section > div {
  width: 24%;
  background-color: #666666;
  height: 9vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.operatingBtn > section > section {
  width: 48%;
  background-color: #c62f2f;
  height: 9vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.operatingBtn > section h5 {
  font-size: 1.4vw;
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.fastFoodList {
  width: 31%;
  border-right: 1px solid #e1e1e2;
  height: 100%;
  position: relative;
}
.fastFoodList-content {
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6%;
}
.fastFoodList-content .oneList {
  padding: 1.5vh 0;
  border-bottom: 1px solid #e1e1e2;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.fastFoodList-content .chooseThisOrderFood {
  background-color: #e6e7ea;
}
.oneList > section {
  width: 90%;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 10px;
}
.DESCRIPTION {
  margin-top: 20px;
}
.oneList .thisListNum h4 {
  font-size: 1.4vw;
  color: #5c5c5c;
}
.thisListInfor .thisListName h6 {
  font-size: 1vw;
  color: #5c5c5c;
}
.thisListInfor {
  align-items: center;
  -webkit-align-items: center;
}
.thisListInfor .delBtn {
  width: 26%;
  border: 1px solid #c62f2f;
  display: flex;
  display: -webkit-flex;
  height: 4.5vh;
  align-items: center;
  -webkit-align-items: center;
}
.thisListInfor .delBtn h5 {
  width: 100%;
  text-align: center;
  font-size: 1.3vw;
  color: #c62f2f;
}
.oneList .oneFood {
  padding: 0.5vh 0;
}
.oneList .oneFood h4 {
  font-size: 1vw;
  color: #5c5c5c;
  width: 30%;
}
.oneList .oneFood section {
  display: flex;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  width: 30%;
}
.oneList .oneFood section > div {
  width: 20%;
}
.oneList .oneFood section > h5 {
  font-size: 1vw;
  color: #5c5c5c;
}
.fastFoodList .pageBtn {
  bottom: 5%;
}
.fastFood-operating {
  width: 12%;
  border-right: 1px solid #e1e1e2;
  height: 100%;
}
.fastFood-operating-content {
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}
.fastFood-operating-content .edit-box {
  position: absolute;
  width: 14.6vw;
  height: 34.5vh;
  z-index: 100;
  background-color: #fefefe;
  border: 1px solid #e1e1e2;
  bottom: 0;
  margin-bottom: -34.5vh;
  left: 10%;
}
.fastFood-operating-content .edit-box .tips-pointer {
  width: 2.5vw;
  position: absolute;
  top: 0;
  left: 1.5vw;
  margin-top: -2vh;
  z-index: 101;
}
.fastFood-operating-content .edit-box .edit-content {
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  z-index: 1001;
  position: relative;
  padding: 1.6vh 0.8vw;
}
.edit-content .oneInfor {
  display: flex;
  display: -webkit-flex;
  margin-top: 1vh;
}
.edit-content .oneInfor h5 {
  font-size: 1vw;
  color: #5c5c5c;
  font-size: 1vw;
  color: #5c5c5c;
}
.edit-content .oneInfor select {
  width: 50%;
  height: 3.5vh;
  font-size: 1vw;
  color: #5c5c5c;
  border: 1px solid #e1e1e2;
}
.edit-content .oneInfor option {
  font-size: 1vw;
  color: #5c5c5c;
}
.edit-content .oneInfor h6 {
  font-size: 1vw;
  color: #5c5c5c;
  line-height: 3.5vh;
}
.edit-content .oneInfor input {
  width: 50%;
  border: 1px solid #e1e1e2;
  height: 3.5vh;
  font-size: 1vw;
  color: #5c5c5c;
}
.edit-content .foodNumKeyboard {
  width: 100%;
  margin-top: 1vh;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.edit-content .foodNumKeyboard > div {
  width: 25%;
  height: 5.4vh;
  background-color: #e6e7ea;
  border: 1px solid #e1e1e2;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.edit-content .foodNumKeyboard > section {
  width: 50%;
  height: 5.4vh;
  background-color: #e6e7ea;
  border: 1px solid #e1e1e2;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.edit-content .foodNumKeyboard > section h5 {
  font-size: 1.3vw;
  color: #5c5c5c;
  width: 100%;
  text-align: center;
}
.edit-content .foodNumKeyboard > section > div {
  width: 72%;
  margin-left: auto;
  margin-right: auto;
}
.edit-content .foodNumKeyboard > div h5 {
  font-size: 1.3vw;
  color: #5c5c5c;
  width: 100%;
  text-align: center;
}
.edit-content .foodNumKeyboard > div > div {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
.special-require {
  position: absolute;
  width: 41.5vw;
  height: 38vh;
  z-index: 100;
  background-color: #fefefe;
  border: 1px solid #e1e1e2;
  bottom: 0;
  margin-bottom: -38vh;
  left: 10%;
}
.special-require .tips-pointer {
  width: 2.5vw;
  position: absolute;
  top: 0;
  left: 1.5vw;
  margin-top: -2vh;
  z-index: 101;
}
.special-require .special-require-content {
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  z-index: 1001;
  position: relative;
  padding-top: 2.4vh;
  padding-left: 1.6vw;
  padding-right: 1.6vw;
  display: flex;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
}
.special-require .special-require-content .special-require-content-L {
  width: 55%;
}
.special-require .special-require-content .special-require-content-L > h5 {
  font-size: 1vw;
  color: #5c5c5c;
}
.special-require .special-require-content .special-require-content-L section {
  display: flex;
  display: -webkit-flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
}
.special-require .special-require-content .special-require-content-L h6 {
  border: 1px solid #ededee;
  padding: 0.6vh 1vw;
  margin-top: 1.9vh;
  margin-right: 1vw;
  font-size: 1vw;
  color: #5c5c5c;
}
.special-require .special-require-content .special-require-content-R {
  width: 45%;
}
.special-require .special-require-content .special-require-content-R > h5 {
  font-size: 1vw;
  color: #5c5c5c;
}
.special-require .special-require-content .special-require-content-R textarea {
  font-size: 1vw;
  color: #5c5c5c;
  resize: none;
  width: 100%;
  height: 25vh;
  background-color: #e6e7ea;
  margin-top: 1.3vh;
  padding: 0 0.8vw;
  padding-top: 1.3vh;
  color: #5c5c5c;
}
.special-require .special-require-content .special-require-content-R section {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  margin-top: 1.3vh;
}
.special-require
  .special-require-content
  .special-require-content-R
  section
  h5 {
  width: 47%;
  line-height: 4vh;
  text-align: center;
}
.special-require
  .special-require-content
  .special-require-content-R
  section
  .close-btn {
  background-color: #7b8d9b;
  color: #ffffff;
}
.special-require
  .special-require-content
  .special-require-content-R
  section
  .ok-btn {
  background-color: #c62f2f;
  color: #ffffff;
}
.fastFood-operating-content > section {
  width: 100%;
  height: 6.8vh;
  background-color: #96c0e1;
  margin-top: 2px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
}
.fastFood-operating-content > section:hover {
  background-color: #56a4e2;
}
.fastFood-operating-content > .off-btn {
  background-color: #e6e7ea;
}
.fastFood-operating-content > .off-btn:hover {
  background-color: #e6e7ea;
}
.fastFood-operating-content > section > div {
  width: 57%;
  margin-left: 9%;
}
.present-food-box {
  position: absolute;
  width: 33vw;
  height: 39vh;
  z-index: 100;
  background-color: #fefefe;
  border: 1px solid #e1e1e2;
  bottom: 0;
  margin-bottom: -39vh;
  left: 10%;
}
.present-food-box .tips-pointer {
  width: 2.5vw;
  position: absolute;
  top: 0;
  left: 1.5vw;
  margin-top: -2vh;
  z-index: 101;
}
.present-food-box .present-food-content {
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  z-index: 1001;
  position: relative;
  padding: 0 1.5vw;
  padding-top: 2vh;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.present-food-box .present-food-content .present-food-content-L {
  width: 39%;
}

.present-food-box .present-food-content .present-food-content-R > h5 {
  font-size: 1vw;
  color: #5c5c5c;
}
.present-food-box .present-food-content .present-food-content-R textarea {
  font-size: 1vw;
  color: #5c5c5c;
  resize: none;
  width: 100%;
  height: 25vh;
  background-color: #e6e7ea;
  margin-top: 1.3vh;
  padding: 0 0.8vw;
  padding-top: 1.3vh;
  color: #5c5c5c;
}
.present-food-box .present-food-content .present-food-content-R section {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  margin-top: 1.3vh;
}
.present-food-box .present-food-content .present-food-content-R section h5 {
  width: 47%;
  line-height: 4vh;
  text-align: center;
  font-size: 1vw;
}
.present-food-box
  .present-food-content
  .present-food-content-R
  section
  .close-btn {
  background-color: #7b8d9b;
  color: #ffffff;
}
.present-food-box
  .present-food-content
  .present-food-content-R
  section
  .ok-btn {
  background-color: #c62f2f;
  color: #ffffff;
}
.change-status-box {
  position: absolute;
  width: 8vw;
  height: 17vh;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  right: 0;
  margin-right: -8.1vw;
  z-index: 100;
  top: 0;
  margin-top: -5vh;
}
.change-status-box .tips-pointer {
  width: 1.3vw;
  position: absolute;
  z-index: 101;
  top: 40%;
  left: 0;
  margin-left: -1vw;
}
.change-status-box .change-status-content {
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  z-index: 1001;
  position: relative;
}
.change-status-box .change-status-content h5 {
  line-height: 4.2vh;
  width: 100%;
  font-size: 1vw;
  color: #5c5c5c;
  text-align: center;
}
.checkStatus {
  background-color: #aadaff;
}
.call-up-box {
  position: absolute;
  width: 8vw;
  height: 8.8vh;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  right: 0;
  margin-right: -8.1vw;
  z-index: 100;
  top: 0;
  margin-top: -1vh;
}
.call-up-box .tips-pointer {
  width: 1.3vw;
  position: absolute;
  z-index: 101;
  left: 0;
  margin-left: -1vw;
  top: 25%;
}
.call-up-box .call-up-content {
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  z-index: 1001;
  position: relative;
}
.call-up-box .call-up-content h5 {
  line-height: 4.3vh;
  width: 100%;
  font-size: 1vw;
  color: #5c5c5c;
  text-align: center;
}
.change-food-box {
  position: absolute;
  width: 16vw;
  height: 42vh;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  right: 0;
  margin-right: -16.1vw;
  z-index: 100;
  top: 0;
  margin-top: -30vh;
}
.change-food-box .btns {
  width: 95%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 1vh;
}
.change-food-box .btns .close-btn {
  width: 47%;
  line-height: 4vh;
  text-align: center;
  font-size: 1vw;
  background-color: #7b8d9b;
  color: #ffffff;
  width: 45%;
}
.change-food-box .btns .ok-btn {
  width: 47%;
  line-height: 4vh;
  text-align: center;
  font-size: 1vw;
  background-color: #c62f2f;
  color: #ffffff;
  width: 45%;
}
.change-food-box .tips-pointer {
  width: 1.3vw;
  position: absolute;
  z-index: 101;
  left: 0;
  margin-left: -1vw;
  bottom: 15%;
}
.change-food-box .change-food-content {
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  z-index: 1001;
  position: relative;
  padding: 1.3vh 1vw;
}
.copy-order-box {
  position: absolute;
  background-color: #fafafa;
  border: 1px solid #c9c9c9;
  width: 55vw;
  height: 85vh;
  z-index: 100;
  left: 10%;
  top: 1%;
}
.copy-order-box .copy-order-first-title {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #8e8e8e;
  display: flex;
  display: -webkit-flex;
  margin-top: 2vh;
  padding-left: 2vw;
}
.copy-order-box .copy-order-second-title {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  display: -webkit-flex;
  margin-top: 2vh;
  padding-left: 2vw;
}
.copy-order-box .copy-order-second-title h5 {
  font-size: 1vw;
  padding: 0 1vw;
  color: #333333;
}
.copy-order-box .copy-order-first-title h5 {
  line-height: 5vh;
  font-size: 1vw;
  padding: 0 1vw;
  color: #333333;
  border-bottom: 1px solid #fafafa;
}
.copy-order-box .copy-order-second-title .choosethisTableArea {
  color: #c62f2f;
}
.copy-order-box .copy-order-first-title .choosethisTableSize {
  color: #c62f2f;
  border-bottom: 1px solid #c62f2f;
}
.copy-order-box .all-table-box {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.2vh;
  display: flex;
  display: -webkit-flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
}
.copy-order-box .pageBtn {
  bottom: 18%;
}
.copy-order-box .copy-order-buttons {
  width: 33%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: absolute;
  bottom: 5%;
  right: 11%;
}
.copy-order-box .closeBtn {
  width: 2.4%;
  position: absolute;
  top: 3%;
  right: 3%;
}
.copy-order-box .copy-order-buttons h5 {
  line-height: 6.5vh;
  width: 40%;
  text-align: center;
  font-size: 1.5vw;
  color: #ffffff;
  background-color: #00b667;
}
.copy-order-box .copy-order-buttons h6 {
  line-height: 6.5vh;
  width: 40%;
  text-align: center;
  font-size: 1.5vw;
  color: #ffffff;
  background-color: #999999;
}
.copy-order-box .copy-order-buttons .combineTableNext {
  background-color: #c62f2f;
  width: 13vw;
}
.copy-order-box .all-table-box > section {
  width: 9.8vw;
  height: 14vh;
  background-color: #c6c7c8;
  margin-top: 0.5%;
  margin-left: 0.5%;
  position: relative;
}
.copy-order-box .all-table-box > section .chooseBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.copy-order-box .all-table-box > section .chooseBox img {
  height: 100%;
  width: 100%;
}
.copy-order-box .all-table-box > section h3 {
  font-size: 2vw;
  color: #5c5c5c;
  width: 100%;
  text-align: center;
  padding-top: 4vh;
}
.copy-order-box .all-table-box > section h5 {
  font-size: 1vw;
  color: #5c5c5c;
  margin-left: 1vw;
  margin-top: 1vh;
}
.copy-order-box .all-table-box > .openCombineTable {
  background-color: #c62f2f;
}
.copy-order-box .all-table-box > .openCombineTable h3 {
  color: #ffffff;
}
.copy-order-box .all-table-box > .openCombineTable h5 {
  color: #ffffff;
}
.foodMune {
  flex: 1;
  height: 100%;
  position: relative;
}
.foodMune .pageBtn {
  bottom: 20%;
  z-index: 10;
}
.foodMune-content {
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
  position: relative;
  height: 100%;
}
.foodCategory {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  /* overflow-x: scroll; */
  padding-left: 2%;
}
.foodCategory > div {
  /* width:50%; */
  padding: 0 10px;
  height: 3vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
  /* overflow : auto; */
  /* vertical-align: baseline; */
}
.aaaaa {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.foodCategory > div > div {
  float: left;
  height: 5vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 0 1vw;
}
.foodCategory .choosethisfoodCategory h5 {
  color: #c62f2f;
}
.foodCategory .noChooseThisfoodCategory h5 {
  color: #333333;
  word-break: keep-all; /* 不换行 */
  white-space: nowrap; /* 不换行 */
}
.foodCategory h5 {
  width: 100%;
  text-align: center;
  font-size: 1vw;
  color: #333333;
}
.foodCategory-num {
  width: 100%;
  border-top: 1px solid #e6e7ea;
  display: flex;
  padding-left: 2%;
}
.foodCategory-num div {
  height: 5vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.foodCategory-num .choosethisfoodPrice h5 {
  color: #c62f2f;
}
.foodCategory-num .noChooseThisfoodPrice h5 {
  color: #333333;
}
.foodCategory-num h5 {
  width: 100%;
  text-align: center;
  font-size: 1vw;
  color: #333333;
  padding: 0 1vw;
}
.foodmune-list {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
}
.foodmune-list .one-food {
  width: 15%;
  margin-right: 1%;
  height: 10vh;
  border: 1px solid #e1e1e2;
  background-color: #f5f5f7;
  margin-top: 1vh;
  position: relative;
}
.foodmune-list .one-food h4 {
  font-size: 1.1vw;
  color: #333333;
  width: 100%;
  text-align: center;
  margin-top: 2.5vh;
}
.foodmune-list .one-food h5 {
  font-size: 1vw;
  color: #c62f2f;
  margin-left: 3%;
  margin-top: 0.5vh;
}
.fastfood-keyboard {
  position: absolute;
  width: 100%;
  top: 48%;
}
.fastfood-keyboard .allkey {
  width: 100%;
  height: 36vh;
  background-color: #e6e7ea;
  padding: 1.5% 2%;
}
.fastfood-keyboard .inputContent {
  display: flex;
  display: -webkit-flex;
  width: 99%;
  border: 1px solid #ffffff;
  height: 4.8vh;
  align-items: center;
  -webkit-align-items: center;
}
.fastfood-keyboard .inputContent div {
  width: 3%;
  margin-left: 2%;
}
.fastfood-keyboard .inputContent input {
  background-color: #e6e7ea;
  border: none;
  height: 100%;
  margin-left: 2%;
  font-size: 1.1vw;
  color: #5c5c5c;
}
.getBackFastFoodBox {
  position: absolute;
  width: 57%;
  background-color: #fafafa;
  height: 100%;
  z-index: 100;
  right: 0;
  top: 0;
  border: 1px solid #c9c9c9;
}
.getBackFastFoodBox .getback-fastfood-content {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.getback-fastfood-content .getback-fastfood-search {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin-top: 6vh;
}
.getback-fastfood-content .getback-fastfood-search > section {
  width: 41%;
  height: 4.3vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-right: 1.6vw;
  position: relative;
}
.getback-fastfood-content .getback-fastfood-search > section input {
  height: 4vh;
  font-size: 1vw;
  padding-left: 1vw;
  width: 100%;
}
.getback-fastfood-content .getback-fastfood-search > section > div {
  width: 2.2vw;
  height: 3vh;
  position: absolute;
  right: 2%;
  top: 50%;
  margin-top: -1.5vh;
}
.getback-fastfood-content .getback-fastfood-search > h5 {
  width: 4.7vw;
  line-height: 4.6vh;
  text-align: center;
  background-color: #c62f2f;
  color: #ffffff;
  font-size: 1vw;
  margin-right: 1.6vw;
}
.getback-fastfood-order-list {
  margin-top: 2vh;
  width: 95%;
}
.getback-fastfood-order-list tr {
  border-top: 1px solid #c9c9c9;
}
.getback-fastfood-order-list th {
  font-size: 1.3vw;
  color: #5c5c5c;
  text-align: left;
  line-height: 7vh;
}
.getback-fastfood-order-list td {
  font-size: 1vw;
  color: #5c5c5c;
  text-align: left;
  line-height: 7vh;
}
.getback-fastfood-order-list td > div {
  height: 1.3vw;
  width: 1.3vw;
  border: 1px solid #c9c9c9;
  margin-left: auto;
  margin-right: auto;
}
.getback-fastfood-content .pageBtn {
  bottom: 15%;
}
.getback-fastfood-content .getback-fastfood-btns {
  position: absolute;
  bottom: 4.7%;
  right: 8%;
  display: flex;
  display: -webkit-flex;
  width: 36%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.getback-fastfood-content .getback-fastfood-btns h5 {
  width: 40%;
  line-height: 6.5vh;
  text-align: center;
  font-size: 1.6vw;
  color: #ffffff;
  background-color: #00b667;
}
.getback-fastfood-content .getback-fastfood-btns h6 {
  width: 40%;
  line-height: 6.5vh;
  text-align: center;
  font-size: 1.6vw;
  color: #ffffff;
  background-color: #999999;
}
.getBackFastFoodBox .close-btn {
  position: absolute;
  width: 2.5%;
  top: 2.7%;
  right: 4.8%;
}
.allkey {
  z-index: 11;
  position: relative;
}
.allkey .keys {
  display: flex;
  display: -webkit-flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
}
.allkey .keys div {
  margin-right: 1%;
  width: 9%;
  height: 6.5vh;
  background-color: #ffffff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-top: 0.7vh;
}
.allkey .keys div h5 {
  font-size: 1vw;
  color: #333333;
  width: 100%;
  text-align: center;
}
.allkey .keys section {
  margin-right: 1%;
  margin-top: 0.7vh;
  width: 59%;
  height: 6.5vh;
  background-color: #ffffff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.allkey .keys section h5 {
  font-size: 1vw;
  color: #333333;
  width: 100%;
  text-align: center;
}
.allkey .keys .querenBtn {
  background-color: #00b667;
}
.allkey .keys .querenBtn h5 {
  color: #ffffff;
}
.switchBtn {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  position: absolute;
  bottom: 4%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.switchBtn section {
  display: flex;
  display: -webkit-flex;
}
.switchBtn .switchbtn-L {
  width: 28%;
  background-color: #c62f2f;
  height: 4vh;
  margin-top: 2vh;
  padding: 1px;
}
.switchBtn .switchbtn-L .ischoose {
  width: 50%;
  font-size: 1vw;
  color: #ffffff;
  line-height: 4vh;
  text-align: center;
}
.switchBtn .switchbtn-L .noChoose {
  width: 50%;
  font-size: 1vw;
  color: #c62f2f;
  line-height: 4vh;
  text-align: center;
  background-color: #ffffff;
}
.switchbtn-R {
  width: 44%;
  display: flex;
  display: -webkit-flex;
  margin-top: 1vh;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.switchbtn-R div {
  width: 49%;
  height: 8vh;
  background-color: #c62f2f;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.switchbtn-R div h5 {
  width: 100%;
  text-align: center;
  font-size: 2vw;
  color: #ffffff;
  font-weight: normal;
}
.reserve-table {
  width: 73%;
  height: 100%;
  border-right: 1px solid #e1e1e2;
  position: relative;
}
.reserve-table-content {
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #8e8e8e;
}
.reserve-table-content .reserve-table-title {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 0.9vh;
  padding: 0 1vw;
}
.reserve-table-content .reserve-table-title section {
  display: flex;
  display: -webkit-flex;
}
.reserve-table-title .reserve-table-title-L div {
  padding: 1vh 1vw;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.reserve-table-title .reserve-table-title-L div h5 {
  font-size: 1vw;
  color: #333333;
}
.reserve-table-title-R {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.reserve-table-title-R div {
  display: flex;
  display: -webkit-flex;
  background-color: #c6c7c8;
  margin-right: 0.5vw;
  align-items: center;
  -webkit-align-items: center;
  padding: 0 0.6vw;
}
.reserve-table-title-R div h5 {
  font-size: 1vw;
  color: #5c5c5c;
}
.reserve-table-sectiontitle {
  display: flex;
  justify-content: space-between;
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  padding: 1vh 1vw;
}
.reserve-table-sectiontitle section {
  display: flex;
  display: -webkit-flex;
}
.reserve-table-sectiontitle .reserve-table-sectiontitle-L div {
  padding: 1vh 1vw;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.reserve-table-sectiontitle .reserve-table-sectiontitle-L div h5 {
  font-size: 1vw;
  color: #333333;
}
.reserve-table-sectiontitle .reserve-table-sectiontitle-R div {
  padding: 1vh 1vw;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.reserve-table-sectiontitle .reserve-table-sectiontitle-R div h5 {
  font-size: 1vw;
  color: #333333;
}
.all-reserve-tables {
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
  display: flex;
  display: -webkit-flex;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
}
.all-reserve-tables section {
  width: 16%;
  height: 14vh;
  background-color: #c6c7c8;
  margin-left: 0.5%;
  margin-top: 0.4vh;
  position: relative;
}
.all-reserve-tables section h4 {
  font-size: 2vw;
  color: #5c5c5c;
  width: 100%;
  text-align: center;
  padding-top: 3.8vh;
}
.all-reserve-tables section h5 {
  font-size: 1vw;
  color: #5c5c5c;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1vh;
}
.all-reserve-tables section div {
  position: absolute;
  width: 14%;
  top: 6%;
  right: 5%;
}
.reserve-message {
  flex: 1;
  height: 100%;
  background-color: #f5f5f7;
}
.reserve-message-content {
  height: 100%;
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.2vh;
}
.reserve-message-content .one-infor {
  padding: 1.6vh 0;
  border-bottom: 1px solid #d2d2d2;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.reserve-message-content .one-infor h5 {
  font-size: 1.2vw;
  color: #2a2a2a;
  line-height: 2vw;
}
.reserve-message-content .one-infor h6 {
  font-size: 1.2vw;
  color: #333333;
  line-height: 2vw;
}
.reserve-message-content .one-infor .reserve-name {
  width: 40%;
  background-color: #f5f5f7;
  height: 2vw;
  font-size: 1.2vw;
  color: #333333;
  text-align: center;
}
.reserve-message-content .one-infor .chooseSex section {
  display: flex;
  display: -webkit-flex;
}
.reserve-message-content .one-infor .chooseSex div {
  width: 1vw;
  height: 1vw;
  border: 1px solid #7c7c7c;
  border-radius: 50%;
  position: relative;
}
.reserve-message-content .one-infor .chooseSex h4 {
  margin-left: 0.5vw;
  font-size: 0.8vw;
  color: #2a2a2a;
  font-weight: normal;
}
.reserve-message-content .one-infor .chooseSex .checkImg {
  width: 80%;
  height: 80%;
  background-color: #c62f2f;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40%;
  margin-top: -40%;
}
.reserve-message-content .one-infor input {
  background-color: #f5f5f7;
  height: 2vw;
  font-size: 1.2vw;
  color: #333333;
  text-align: center;
  width: 60%;
}
.reserve-message-content .more-food {
  display: flex;
  display: -webkit-flex;
  padding: 1.5vh 0;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.reserve-message-content .more-food div {
  width: 33%;
  background-color: #c62f2f;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  height: 4.6vh;
  border-radius: 5px;
}
.reserve-message-content .more-food div h6 {
  font-size: 1.2vw;
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.reserve-message-content .more-food h5 {
  font-size: 1.2vw;
  color: #2a2a2a;
  line-height: 4.6vh;
}
.printBtn {
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  height: 9.5vh;
  background-color: #9a0e0e;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.printBtn h5 {
  font-size: 2.4vw;
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.print-preview {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  margin-top: 2vh;
}
.print-preview section {
  width: 1.3vw;
  height: 1.3vw;
  border: 1px solid #404040;
}
.print-preview h6 {
  font-size: 1vw;
  color: #2a2a2a;
  margin-left: 1%;
}
.inventory {
  width: 100%;
  position: relative;
  height: 100%;
}
.inventory-title {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  display: -webkit-flex;
  padding: 1.6vh 0;
}
.inventory-title section {
  margin-left: 1.7vw;
}
.inventory-title .inventory-data {
  display: flex;
  display: -webkit-flex;
  position: relative;
  align-items: center;
  -webkit-align-items: center;
}
.inventory-title .inventory-data input {
  height: 1.3vw;
  border-bottom: 1px solid #ccc;
  width: 10vw;
}
.inventory-title .inventory-status {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.inventory-title .inventory-status select {
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  font-size: 1vw;
  color: #5c5c5c;
  width: 5.8vw;
  margin-left: 5px;
  height: 1.5vw;
}
.inventory-title .search-inventory {
  display: flex;
  display: -webkit-flex;
  width: 4.8vw;
  height: 4.5vh;
  align-items: center;
  -webkit-align-items: center;
  background-color: #c72e30;
}
.inventory-title .search-inventory h5 {
  text-align: center;
  font-size: 1.2vw;
  color: #ffffff;
  width: 100%;
}
.inventory-title .tableTitle_R {
  width: 35%;
}
.inventory-title h5 {
  font-size: 1vw;
  color: #5c5c5c;
  margin-top: 0.3vw;
  margin: 0;
}
.inventory-list {
  width: 100%;
}
.inventory-list .one-inventory {
  background-color: #e1e1e2;
}
.inventory-list tr {
  height: 4.5vh;
}
.inventory-list th {
  font-size: 1vw;
  color: #5c5c5c;
  text-align: left;
  line-height: 4.5vh;
}
.inventory-list td {
  font-size: 1vw;
  color: #5c5c5c;
  text-align: left;
  line-height: 4.5vh;
}
.pickOneList {
  width: 1.2vw;
  height: 1.2vw;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #484848;
}
.inventory-list-btns {
  width: 100%;
  position: absolute;
  bottom: 8%;
  border-bottom: 1px solid #d2d2d2;
  padding: 0.5vh 2vw;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.inventory-list-btns section {
  padding: 0 0.5vw;
  height: 6.8vh;
  background-color: #c0c0c0;
  border-radius: 2px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-right: 0.5%;
}
.inventory-list-btns .canues {
  background-color: #c62f2f;
}
.inventory-list-btns .canues h6 {
  color: #ffffff;
}
.inventory-list-btns h6 {
  font-size: 1.5vw;
  color: #ffffff;
}
.inventory-list-btns h5 {
  font-size: 1.8vw;
  color: #ffffff;
}
.inventory .pageBtn {
  bottom: 2%;
}
.inventory-list-tips {
  position: absolute;
  bottom: 4%;
  left: 2%;
}
.inventory-list-tips h5 {
  font-size: 1vw;
  color: #333333;
}
.line-up {
  width: 72%;
  position: relative;
  height: 100%;
  border-right: 1px solid #e1e1e2;
}
.line-up .pageBtn {
  bottom: 2%;
}
.line-up-title {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  padding-left: 1.6vw;
  border-bottom: 1px solid #717171;
  margin-top: 1.7vh;
  position: relative;
}
.line-up-title .refresh-line-up {
  position: absolute;
  top: 0;
  right: 2%;
  width: 9vw;
  background-color: #c72e30;
  margin-top: -1vh;
  height: 5vh;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.line-up-title .refresh-line-up h5 {
  font-size: 1.4vw;
  color: #ffffff;
}
.line-up-title section {
  padding: 1.2vh 1vw;
}
.line-up-title .choose-this-lineUp-size {
  border-bottom: 2px solid #c62f2f;
}
.line-up-title section h5 {
  font-size: 1vw;
  color: #333333;
}
.line-up-one-list {
  padding: 0 2.5%;
  border-bottom: 1px solid #e1e1e2;
  display: flex;
  display: -webkit-flex;
  height: 9vh;
  align-items: center;
  -webkit-align-items: center;
}
.line-up-one-list .list-mark {
  width: 12%;
}
.line-up-one-list .list-mark h5 {
  font-size: 1.2vw;
  color: #5c5c5c;
}
.line-up-one-list .list-status {
  width: 10%;
}
.line-up-one-list .list-status h6 {
  font-size: 1.2vw;
  color: #c62f2f;
}
.line-up-one-list .list-wait-time {
  width: 16.7%;
}
.line-up-one-list .list-wait-time h5 {
  font-size: 1.2vw;
  color: #5c5c5c;
}
.line-up-one-list .list-wait-start-time {
  width: 18%;
}
.line-up-one-list .list-wait-start-time h5 {
  font-size: 1.2vw;
  color: #5c5c5c;
}
.line-up-one-list .list-btn-group {
  flex: 1;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.line-up-one-list .list-btn-group div {
  width: 30%;
  height: 4.3vh;
  background-color: #00b667;
  display: flex;
  display: -webkit-flex;
  align-content: center;
  -webkit-align-items: center;
}
.line-up-one-list .list-btn-group div h5 {
  width: 100%;
  text-align: center;
  font-size: 1vw;
  color: #ffffff;
}
.line-up-one-list .list-btn-group section {
  width: 30%;
  height: 4.3vh;
  background-color: #c62f2f;
  display: flex;
  display: -webkit-flex;
  align-content: center;
  -webkit-align-items: center;
}
.line-up-one-list .list-btn-group section h5 {
  width: 100%;
  text-align: center;
  font-size: 1vw;
  color: #ffffff;
}
.line-up-operate {
  flex: 1;
  background-color: #f5f5f7;
}
.line-up-operate .line-up-operate-content {
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.7vh;
}
.line-up-operate .line-up-operate-content > h3 {
  font-size: 1.7vw;
  color: #333333;
  margin-bottom: 5.4vh;
}
.line-up-operate .line-up-operate-content > section {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding-bottom: 1vw;
  -webkit-justify-content: space-between;
  margin-top: 2.7vh;
  border-bottom: 1px solid #d2d2d2;
}
.line-up-operate .line-up-operate-content > section h5 {
  font-size: 1vw;
  color: #333333;
}
.line-up-operate .line-up-operate-content > section input {
  height: 3.4vh;
  background-color: rgba(1, 1, 1, 0);
  font-size: 1.5vw;
  color: #333333;
  text-align: right;
  width: 60%;
}
.line-up-operate .line-up-operate-content .foodNumKeyboard {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.5vh;
  border: none;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.line-up-operate .foodNumKeyboard > div {
  width: 25%;
  height: 7.6vh;
  background-color: #e6e7ea;
  border: 1px solid #e1e1e2;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.line-up-operate .foodNumKeyboard > section {
  width: 50%;
  height: 7.6vh;
  background-color: #e6e7ea;
  border: 1px solid #e1e1e2;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.line-up-operate .foodNumKeyboard > section h5 {
  font-size: 1.3vw;
  color: #5c5c5c;
  width: 100%;
  text-align: center;
}
.line-up-operate .foodNumKeyboard > section > div {
  width: 72%;
  margin-left: auto;
  margin-right: auto;
}
.line-up-operate .foodNumKeyboard > div h5 {
  font-size: 1.3vw;
  color: #5c5c5c;
  width: 100%;
  text-align: center;
}
.line-up-operate .foodNumKeyboard > div > div {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
.line-up-operate .line-up-operate-content .takeNumber {
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  display: -webkit-flex;
  padding: 0;
  align-items: center;
  -webkit-align-items: center;
  height: 9.5vh;
  background-color: #c62f2f;
}
.line-up-operate .line-up-operate-content .takeNumber h5 {
  width: 100%;
  text-align: center;
  font-size: 2.2vw;
  color: #ffffff;
  margin-top: 0;
}
.list-up-opentable-buttons {
  width: 45%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: absolute;
  bottom: 5%;
  right: 7%;
}
.list-up-opentable-buttons h5 {
  background-color: #00b667;
  line-height: 6.5vh;
  padding: 0 2.6vw;
  font-size: 1.6vw;
  color: #ffffff;
  font-weight: normal;
}
.list-up-opentable-buttons h6 {
  background-color: #c62f2f;
  line-height: 6.5vh;
  padding: 0 2.6vw;
  font-size: 1.6vw;
  color: #ffffff;
  font-weight: normal;
}
.more {
  width: 100%;
  height: 100%;
}
.more-btn-content {
  width: 68%;
  margin-top: 6%;
  margin-left: 2%;
  display: flex;
  display: -webkit-flex;
  border-bottom: 1px solid #8e8e8e;
  padding-bottom: 3vh;
}
.more-btn-content > div {
  width: 26%;
}
.more-btn-content > section {
  width: 24%;
  margin-left: 2vw;
  display: flex;
  flex-flow: column;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-flow: column;
}
/*登录页面*/
.login-page {
  height: 100%;
  width: 100%;
  position: relative;
}
.login-logo {
  position: absolute;
  width: 35%;
  top: 6%;
  left: 3.4%;
}
.login-page .login-bg {
  width: 100%;
  height: 100%;
}
.login-page .login-bg img {
  height: 100%;
}
.login-page .login-content {
  position: absolute;
  width: 35%;
  top: 20%;
  left: 50%;
  margin-left: -17.5%;
}
.login-page .login-content > div {
  width: 69%;
  margin-left: auto;
  margin-right: auto;
}
.login-page .login-content input {
  width: 100%;
  border: 1px solid #cccccc;
  height: 7.7vh;
  border-radius: 1vw;
  margin-top: 6.5vh;
  font-size: 1.7vw;
  padding-left: 2vw;
  color: #333333;
}
.login-page .login-content button {
  margin-top: 6.5vh;
}
.login-content h5 {
  font-size: 1vw;
  color: #c62f2f;
  position: absolute;
  left: 5%;
  bottom: 22%;
}
.login-tips {
  position: absolute;
  bottom: 5%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  width: 100%;
  align-items: center;
  -webkit-align-items: center;
}
.login-tips h5 {
  font-size: 1.2vw;
  color: #333333;
}
.login-tips h4 {
  font-size: 1.3vw;
  color: #333333;
  padding: 0 1.6vw;
}
.login-tips a {
  font-size: 1.3vw;
  color: #c62f2f;
}
.technical-support {
  position: absolute;
  width: 57%;
  height: 64vh;
  background-color: #fafafa;
  border: 1px solid #c9c9c9;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin-left: -28.5%;
  margin-top: -32vh;
}
.technical-support-content {
  width: 79%;
  margin-left: auto;
  margin-right: auto;
}
.technical-support-content .technical-support-title {
  display: flex;
  width: 100%;
  margin-top: 4.5vh;
}
.technical-support-content .technical-support-title section {
  width: 8%;
}
.technical-support-content .technical-support-title h5 {
  font-size: 1vw;
  color: #333333;
  text-align: center;
  margin-top: 1.4vh;
}
.technical-support-content .technical-support-title h3 {
  font-size: 2vw;
  color: #333333;
  margin-top: 1.8vh;
  margin-left: 1.5vw;
}
.technical-support-content .technical-support-infor {
  width: 100%;
  margin-top: 2.7vh;
  padding: 2.7vh 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.technical-support-content .technical-support-infor section {
  height: 30.6vh;
}
.technical-support-content .technical-support-infor section h5 {
  font-size: 1.2vw;
  color: #333333;
}
.technical-support-content .technical-support-harf {
  display: flex;
  display: -webkit-flex;
  margin-top: 2.4vh;
}
.technical-support-content .technical-support-harf a {
  font-size: 1.2vw;
  color: #666666;
  margin-right: 3vw;
}
/*结账弹窗*/
::-webkit-scrollbar {
  display: none !important;
}
.settleAccountsBox {
  position: absolute;
  width: 83%;
  height: 98vh;
  background-color: #fafafa;
  top: 1%;
  left: 50%;
  margin-left: -41.5%;
  z-index: 100;
}
.settleAccounts-content {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2vh;
}
.settleAccounts-title {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 2vh;
}
.settleAccounts-title h4 {
  font-size: 1.5vw;
  color: #333333;
}
.settleAccounts-content-content {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.settleAccounts-content-orderList {
  width: 49%;
  background-color: #ffffff;
  padding: 0 2vw;
  padding-top: 2vh;
  margin-top: 1.3vh;
  padding-bottom: 9vh;
}
.settleAccounts-content-R {
  width: 49%;
  margin-top: 1.3vh;
}
.settleAccounts-content-R .settleAccounts-content-infor {
  width: 100%;
  background-color: #ffffff;
  padding-left: 1vw;
  padding-bottom: 2.5vh;
}
.settleAccounts-content-infor-one {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.settleAccounts-content-infor-one section {
  width: 15vw;
  border-bottom: 1px solid #e1e1e2;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin-top: 2.2vh;
  margin-right: 3.5vw;
  -webkit-justify-content: space-between;
  padding-bottom: 1.2vh;
}
.settleAccounts-content-infor h5 {
  font-size: 1vw;
  color: #333333;
  margin-top: 0.5vw;
}
.settleAccounts-content-infor h4 {
  font-size: 1.5vw;
  color: #333333;
}
.settleAccounts-shouldPay {
  width: 33.5vw;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 3.2vh;
}
.settleAccounts-whatWay {
  border-bottom: 1px solid #e1e1e2;
  width: 33.5vw;
  margin-top: 2.2vh;
  padding-bottom: 1.3vh;
}
.settleAccounts-whatWay h6 {
  width: 100%;
  text-align: end;
  font-size: 1vw;
  color: #666666;
}
.settleAccounts-one-list {
  width: 33.5vw;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e2;
  margin-top: 3.5vh;
  padding-bottom: 1.4vh;
}
.settleAccounts-vip {
  background-color: #ffffff;
  padding: 4.3vh 1.3vw;
  margin-top: 1.8vh;
  position: relative;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.settleAccounts-vip h4 {
  font-size: 1.36vw;
  color: #333333;
  font-weight: 100;
}
.settleAccounts-vip input {
  border: 1px solid #e1e1e2;
  height: 4.4vh;
  width: 80%;
}
.settleAccounts-vip .edit-box {
  position: absolute;
  width: 14.6vw;
  height: 26vh;
  z-index: 102;
  background-color: #fefefe;
  border: 1px solid #e1e1e2;
  left: 10%;
  top: 9vh;
}
.settleAccounts-vip .edit-box .tips-pointer {
  width: 2vw;
  position: absolute;
  top: 0;
  left: 1.5vw;
  margin-top: -2vh;
  z-index: 103;
}
.settleAccounts-vip .edit-box .edit-content {
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  z-index: 1001;
  position: relative;
  padding: 1.6vh 0.8vw;
}
.vipContent {
  background-color: #f8efde;
  padding: 1.6vh 0.8vw;
  margin-top: 1.8vh;
}
.vipContent section {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.vipContent section h5 {
  fotn-size: 1.4vw;
  color: #333333;
}
.vipContent section h6 {
  line-height: 4.5vh;
  padding: 0 1vw;
  background-color: #c62f2f;
  font-size: 1.5vw;
  color: #ffffff;
}
.pay-content {
  width: 100%;
  margin-top: 2vh;
  position: relative;
}
.pay-content input {
  width: 100%;
  background-color: #fafafa;
  border: 1px solid #b2b0b0;
}
.payAayList {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 2.6vh;
}
.payAayList section {
  background-color: #96c0e1;
  width: 5.8vw;
  height: 6.5vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.payAayList .choosethisPayway {
  background-color: #56a4e2;
}
.payAayBtns {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 32vw;
}
.payAayList section h5 {
  width: 100%;
  text-align: center;
  font-size: 1.2vw;
  color: #ffffff;
}
.payAayList h6 {
  width: 5.8vw;
  line-height: 6.5vh;
  font-size: 1.2vw;
  color: #c62f2f;
  background-color: #f4b6b7;
  text-align: center;
}
.settle-btn {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 1.9vh;
}
.settle-btn h5 {
  width: 8.8vw;
  line-height: 8.4vh;
  color: #ffffff;
  font-size: 1.7vw;
  text-align: center;
  background-color: #c62f2f;
}
.settle-btn section {
  width: 11vw;
  height: 8.4vh;
  color: #ffffff;
  font-size: 1.7vw;
  text-align: center;
  background-color: #00b667;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.settle-btn section > div {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.settle-btn .noSettle {
  background-color: #cccccc;
}
.pay-content .edit-box {
  position: absolute;
  width: 11.2vw;
  height: 20vh;
  z-index: 102;
  background-color: #fefefe;
  border: 1px solid #e1e1e2;
  left: 10%;
  top: 3vh;
}
.pay-content .edit-box .tips-pointer {
  width: 2vw;
  position: absolute;
  top: 0;
  left: 1.5vw;
  margin-top: -2vh;
  z-index: 103;
}
.pay-content .edit-box .edit-content {
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  z-index: 1001;
  position: relative;
  padding: 1.6vh 0.8vw;
}
.pay-content .edit-box .edit-content .foodNumKeyboard div {
  height: 4vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.pay-content .edit-box .edit-content .foodNumKeyboard div h5 {
  font-size: 1vw;
}
.pay-content .edit-box .edit-content .foodNumKeyboard section {
  height: 4vh;
  display: flex;
}
.pay-content .edit-box .edit-content .foodNumKeyboard section div {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.pay-content .edit-box .edit-content .foodNumKeyboard section h5 {
  font-size: 1vw;
}
.settleAccounts-content .closeBtn {
  position: absolute;
  width: 1.7vw;
  right: 3%;
}
/*清单详情*/
.inventory-details-box {
  width: 96.6%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.8vh;
}
.inventory-details-title {
  display: flex;
  display: -webkit-flex;
  border-bottom: 1px solid #e1e1e2;
}
.inventory-details-title > div {
  width: 5.5%;
}
.inventory-details-title h5 {
  width: 6vw;
  text-align: center;
  font-size: 1.1vw;
  color: #c62f2f;
  margin-top: 2.8vh;
  border-bottom: 2px solid #c62f2f;
  margin-left: 1.8vw;
  padding-bottom: 0.6vh;
}
.this-inventory-infor {
  display: flex;
  display: -webkit-flex;
  padding: 1.4vh 0;
  border-bottom: 1px solid #e1e1e2;
}
.this-inventory-infor-L {
  padding-right: 3.8vw;
  border-right: 1px solid #e1e1e2;
}
.this-inventory-infor-L > h5 {
  margin-bottom: 1.4vh;
  font-size: 1vw;
  color: #666666;
}
.this-inventory-infor-L > section {
  display: flex;
  display: -webkit-flex;
}
.this-inventory-infor-L > section h5 {
  font-size: 1vw;
  color: #666666;
}
.this-inventory-infor-L > section h6 {
  font-size: 1vw;
  color: #c62f2f;
}
.this-inventory-infor-R {
  margin-left: 2.8vw;
}
.this-inventory-infor-R h5 {
  margin-bottom: 1.4vh;
  font-size: 1vw;
  color: #666666;
}
.inventory-food-list-title {
  padding-bottom: 1.6vh;
  border-bottom: 1px solid #e1e1e2;
}
.inventory-food-list-title h4 {
  font-size: 1.2vw;
  color: #333333;
  margin-top: 2vh;
}
.inventory-food-list-title > section {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 1.4vh;
}
.inventory-food-list-title > section > section {
  width: 50%;
  display: flex;
  display: -webkit-flex;
}
.inventory-food-list-title > section > section h5 {
  width: 22%;
  font-size: 1vw;
  color: #666666;
}
.inventory-food-list {
  padding-bottom: 2vh;
  border-bottom: 1px dashed #e1e1e2;
}

.inventory-food-list-content {
  height: 28vh;
  padding-top: 0.7vh;
}
.inventory-food-list-content .one-inventory-food-list {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 1.3vh;
  height: 2vh;
}
.inventory-food-list-content .one-inventory-food-list > section {
  width: 50%;
  display: flex;
  display: -webkit-flex;
}
.inventory-food-list-content .one-inventory-food-list > section h5 {
  width: 22%;
  font-size: 1vw;
  color: #666666;
}
.page-btn {
  display: flex;
  display: -webkit-flex;
  margin-top: 2vh;
  width: 100%;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  padding-right: 8%;
}
.page-btn div {
  width: 2%;
  margin-left: 1.4vw;
}
.inventory-price {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  height: 5vh;
  align-items: center;
  -webkit-align-items: center;
  border-bottom: 1px dashed #e1e1e2;
  padding-right: 4%;
}
.inventory-price h5 {
  width: 13%;
  font-size: 1vw;
  color: #666666;
}
.inventory-price h6 {
  width: 13%;
  font-size: 1vw;
  color: #c62f2f;
}
.combineTableBox {
  left: 50%;
  margin-left: -27.5vw;
  top: 50%;
  margin-top: -42.5vh;
}

.open-mune {
  width: 70.6vw;
  height: 88vh;
  top: 33%;
  left: 40%;
}

.open-mune .close-btn {
  width: 1.7%;
  top: 2.5%;
  right: 2%;
}

.switch-btn {
  bottom: 14%;
  justify-content: flex-end;
}

.foodmune-list .conceal {
  background: rgba(0, 0, 0, 0.5);
}

.foodmune-list .select-goods {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.foodmune-list .select-goods > img {
  width: 100%;
  height: 100%;
}

/* 结帐虚拟键盘 */
.xunijianpan {
  width: 50px;
  height: 42px;
  background: url("../img/xuni.png") no-repeat center;
  background-size: 100% 100%;
  margin-left: 10px;
}
